<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>开店</title>
	<link rel="stylesheet" href="shopp.css">
	<link rel="stylesheet" href="">
</head>
<body>

	<div class="max">
		<div class="max-top left">
			<p style="font-size: 25px">我要开店</p>
			<br>	
			<br>
			<span>小伙子们,一个身份只能开一个店哦,不要太贪心了,这里有规则,马云爸爸一直盯着你看完呢&nbsp;&nbsp;<a href="#">规则必看</a></span>
		</div>

		<div class="center left">
			
			<div class="oringin left">
				<b class="number-01">①</b>选择开店类型>>>
			</div>
			<div class="oringin-center left">
				<b class="number-01">②</b>马云叫你瞅规则>>>
			</div>
			<div class="end left">
				<b class="number-01">③</b>要开始认证了哦!
			</div>

		</div>



		<div class="bottom left">
			
			<div class="person left">
				<img src="shop/person.png" alt="" class="person-img">
				<p class="b">个人店铺</p>
				<p>你若是没有加入企业用支付宝注册的就是个人用户。</p>
				<input type="button" value="创建个人店铺" class="aloneSon" style="background-color: #3795E4">
			</div>
			<div class="shop left">
				<img src="shop/dianpu.png" alt="" class="dianpu-img" >
				<p class="b">企业店铺</p>
				<p>你没有工作所有不能开通企业店铺。</p>
				<input type="button" value="创建企业店铺" class="sons" style="color: #C9C6C6">
				<p style="color: #E25F5F">我们检测你不是企业客户,咱为你关闭该功能,赶紧找工作吧!</p>
			</div>
		</div>
		
		<div style="display: none;" class="text left">
				<p class="h1">1、我在淘宝已经开了个店了，我用别人的身份证再开一个店可以吗？</p>
				<br>
				<span>答：不可以。未经淘宝平台同意，将本人淘宝账号提供给他人作开店使用，否则由此导致相关争议、诉讼及因店铺经营中的违法违规行为
				导致一切人身、财产权益损害，均由本人自行承担全部民事、行政及刑事责任。
</span>
<br><br>
				<p class="h1">2、我可以把店铺转租给其他人吗?</p>
				<br>
				<span>答：不可以。未经淘宝平台同意，将本人淘宝账号提供给他人作开店使用，否则由此导致相关争议、诉讼及因店铺经营中的违法违规行为
				导致一切人身、财产权益损害，均由本人自行承担全部民事、行政及刑事责任。</span>
<br><br>

				<p class="h1">3、我可以开多个淘宝店吗?</p><br>
				答：不可以。一张身份证（一张营业执照）只能开一个淘宝店铺。开店后请保持营业执照存续状态，不得注销；如若发现营业执照被注销
				、吊销，淘宝将会对店铺做出永久关闭的处置。
<br><br>
				<p class="h1">4、我已经开过淘宝店，现在想要注销原来的店铺重新开店，可以吗?</p><br>
				答：不可以，淘宝暂时不提供注销店铺的服务。用户一但成功开店就无法再用身份证（营业执照）另开一家店铺。

			<input type="button" value="上一步" class="previous">
			<input type="button" value="我已了解,继续开店" class="nextStep">

		</div>

		<div class="message" style="display: none;">
			<form action="" method="get">
				<div class="user-type">

					<b>*</b>用户类型:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="state" checked="默认" value="中国大陆">中国大陆&nbsp;&nbsp;&nbsp;
					<input type="radio" name="state" value="香港/澳门用户">香港/澳门用户&nbsp;&nbsp;&nbsp;
					<input type="radio" name="state"  value="台湾用户">台湾用户&nbsp;&nbsp;&nbsp;
					<input type="radio" name="state"  value="外籍用户">外籍用户&nbsp;&nbsp;&nbsp;

				</div>
				<div class="authentication">

					<table border="0"  cellpadding="5px" cellspacing="0" class="table">
						<tr>
							<td>认证名称</td>
							<td>状态</td>
							<td>提示</td>
							<td>操作</td>
						</tr>
						<tr>
							<td>支付宝实名认证</td>
							<td>未开始</td>
							<td>未通过</td>
							<td><a href="authentication.html">立即认证</a></td>
						</tr>
						<tr>
							<td>淘宝实名认证</td>
							<td>未开始</td>
							<td>未通过</td>
							<td><a href="login.html" target="new">立即认证</a></td>
						</tr>
					</table>
					<input type="button" value="上一步" class="previous2">
					<input type="button" value="点我试试" class="abort">


				</div>
			</form>
		</div>

	</div>
	<div class="endimg" style="display: none;">
			<img src="shop/end2.jpg"  class="img" width="600px" height="600px">
			<input type="button" value="返回" class="return" style="margin-left:-750px;margin-top:200px;position: absolute;width: 100px;height: 30px">
		</div>

	<script>

		var max=document.getElementsByClassName('max')[0];
		
		var aloneSons=document.getElementsByClassName('aloneSon')[0];

		var bottom=document.getElementsByClassName('bottom')[0];

		var text=document.getElementsByClassName('text')[0];

		//上部三步骤对象
		var process01=document.getElementsByClassName('oringin')[0];

		var process02=document.getElementsByClassName('oringin-center')[0];

		var process03=document.getElementsByClassName('end')[0];

		var previous=document.getElementsByClassName('previous')[0];

		var nextStep=document.getElementsByClassName('nextStep')[0];

		//最后一步对象
		var message=document.getElementsByClassName('message')[0];


		var previous2=document.getElementsByClassName('previous2')[0];

		var abort=document.getElementsByClassName('abort')[0];


		var endimg=document.getElementsByClassName('endimg')[0];

		var returns=document.getElementsByClassName('return')[0];



		aloneSons.onclick=function(){
			bottom.style.display='none';
			text.style.display='block';

			process01.style.backgroundColor='#D6D3D3';//灰色
			process01.style.color="#000"//黑色
			process02.style.backgroundColor='#389CD8';//蓝色
			process02.style.color='#fff';//白色
		};

		previous.onclick=function(){
			bottom.style.display='block';
			text.style.display='none';

			process01.style.backgroundColor='#389CD8';//蓝色
			process01.style.color="#fff"//白色
			process02.style.backgroundColor='#D6D3D3';//灰色
			process02.style.color='#000';//黑色
			scroll(0,0);
		}

		nextStep.onclick=function(){
			process03.style.backgroundColor='#389CD8';
			process03.style.color='#fff';//白色
			text.style.display='none';
			message.style.display='block';
			process02.style.backgroundColor='#D6D3D3';//灰色
			process02.style.color='#000';//黑色
			scroll(0,0);
		}

		previous2.onclick=function(){
			text.style.display='block';
			process03.style.backgroundColor='#D6D3D3';
			process03.style.color='#000';//白色
			message.style.display='none';
			process02.style.backgroundColor='#389CD8';//灰色
			process02.style.color='#fff';//黑色
		}

		abort.onclick=function(){
			endimg.style.display='block';
			max.style.display='none';
		}

		returns.onclick=function(){
			max.style.display='block';
			endimg.style.display='none';
			process03.style.backgroundColor='#389CD8';
			process03.style.color='#fff';//白色
			message.style.display='block';
		}




	</script>





	
</body>
</html>